<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>GFN InSight documentation</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="bootstrap.min.css" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 60px;
      }
    </style>

    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="images/favicon.ico">
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
  </head>

  <body>

    <div class="topbar">
      <div class="fill">
        <div class="container">
          <a class="brand" href="http://stormy-stone-6022.heroku.com">GFN InSight</a>
          <ul class="nav">
	    <li class="active"><a href="#">Home</a></li>
            <li><a href="datastore.html">MongoDB datastore</a></li>
            <li><a href="flashapp.html">Flash app</a></li>
            <li><a href="roradmin.html">RoR Admin</a></li>
          </ul>
        </div>
      </div>
    </div>

    <div class="container">
	<img src="logo.gif" />
      <!-- Main hero unit for a primary marketing message or call to action -->
      <div class="hero-unit">
        <h1>Documentation</h1>
        <p>Welcome to GFN InSight's web-based documentation for better understanding how the architecture of the application is laid out, along with how you can leverage these services for future applications</p>
        <p><a class="btn primary large" href="documentation.html">Learn more &raquo;</a></p>
      </div>

      <!-- Example row of columns -->
      <div class="row">
        <div class="span-one-third">
          <h2>MongoDB Datastore</h2>
          <p><img src="mongodb_logo.png" class="img_thumb"/>GFN InSight primarily relies on data populated in MongoDB databases (modelled after GFN Excel spreadsheets) maintained by MongoLabs through an add-on to the Heroku app</p>
          <p><a class="btn" href="datastore.html">View details &raquo;</a></p>
        </div>
        <div class="span-one-third">
          <h2>Flash app</h2>
           <p><img src="flash.png" class="img_thumb"/>The front-end application is built using Flash/Flex/ActionScript for easily incorporating interactive visualizations. This directly interacts with the MongoDB database output to visualize footprint data</p>
          <p><a class="btn" href="flashapp.html">View details &raquo;</a></p>
       </div>
        <div class="span-one-third">
          <h2>RoR Admin</h2>
          <p><img src="rails.png" class="img_thumb"/>The partially developed Ruby on Rails application serves as an administrative interface for the employees of GFN to edit and update the existing data in the current MongoDB databases, and also add data in the future to use in their front-end applications</p>
          <p><a class="btn" href="roradmin.html">View details &raquo;</a></p>
        </div>
      </div>

      <footer>
        <p>&copy; Team GFN InSight &#183; Department of Information Systems, Carnegie Mellon University</p>
      </footer>

    </div> <!-- /container -->

  </body>
</html>
